::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {

}
/* Handle样式 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
/*当前窗口未激活的情况下*/
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.1);
}
/*hover到滚动条上*/
::-webkit-scrollbar-thumb:vertical:hover {
    background-color: rgba(0,0,0,0.3);
}
/*滚动条按下*/
::-webkit-scrollbar-thumb:vertical:active {
    background-color: rgba(0,0,0,0.7);
}



/*---------TODO-------------*/
/** ipad, ipad2.. hscreen **/
@media screen and (min-device-width: 1024px) {
    @page_width: 960px;
}
/** iphone4s hscreen **/
@media screen and (min-device-width: 960px) {
    @page_width: 960px;
}
/** ipad, ipad2.. vscreen **/
@media screen and (min-device-width: 768px) {
    @page_width: 640px;
}
/** iphone4s vscreen **/
@media screen and (min-device-width: 640px) {
    @page_width: 640px;
}
/** iphone4 ipod hscreen **/
@media screen and (min-device-width: 480px) {
    @page_width: 320px;
}
/** iphone4 ipod vscreen **/
@media screen and (min-device-width: 320px) {
    @page_width: 320px;
}


html, body {
    overflow: hidden;
    .backColor(#6BC);
    .dispayBox;
    /*
    .boxOrientVertical;
    */
    font-family: 'Georgia', serif;
    font-size: 14px;
    .elemHeight();
}
#header {
    .elemHeightAndWidth(100%, 42px);
    .box;
    position: fixed;
    .zIndex(1);
    margin-left: 59px;
}
#main {
    .dispayBox;
    .boxOrientVertical();
    .elemHeight();
    /*.boxFlex();*/
    margin-top: 10px;
    color: #022346;
    overflow: hidden;
}
#wrapper{
    /*width: @wrapWidth;*/
    .boxFlex();
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 45px 0 0 10px;
}
/**
.tab {
    .dispayBox;
    .boxOrientVertical;
    .elemHeightAndWidth(200px, auto);
    background-color: rgba(25, 112, 170, 0.5);
    margin: 0 10px;
    .borderRadius();
    > div {
        .boxFlex(1);
        > h3 {
            height: 30px;
            line-height: 30px;
            text-indent: 1em;
            .barStyle;
        }
    }
    color: white;
}
*/

#nav {
    .backColor(rgba(41, 102, 163, 0.4));
    .elemWidth(48px);
    padding: 5px;
    position: relative;
    .zIndex(2);
}

#search {
    .elemHeight();
}
footer {
    .elemHeight(90px);
    color: white;
    font-size: 18px;
    background-color: #5FB0C0;
    border-top: 1px solid rgba(97, 149, 199, 0.5);
    -webkit-box-shadow: 0 1px 8px rgba(180, 179, 179, 0.6);
}
